import React from 'react';
import dva,{connect} from 'dva';
const app = dva();//app就代表我们的应用对象
//定义模型
app.model({
   namespace:'counter',//命名空间
   state : {number:0},
   reducers:{//key就是动作类型，当你向仓库派发add动作类型的时候，就会执行对应的reducer修改仓库中的状态
       add:({number})=>({number:number+1}),
       minus:({number})=>({number:number-1}),
   }
});
const Counter = connect(
    state=>state.counter,
    /* {
        add:()=>({type:'counter/add'})
    } */
)((props)=>(
    <div>
        <p>{props.number}</p>
        <button onClick={()=>props.dispatch({type:'counter/add'})}>+</button>
        <button  onClick={()=>props.dispatch({type:'counter/minus'})}>-</button>
    </div>
));


//定义路由
app.router(()=><Counter/>);
//开始把路由定义渲染到#root里
app.start('#root');
//ReactDOM.render(()=><Counter/>,document.querySelector('#root'));
